<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Real Estate Site</title>
<link href="../css/stylesheet.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="../css/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="../css/ddlevelsmenu-topbar.css" />
<link href="../css/slider_css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../css/selectbox.css" />

<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="../js/stepcarousel.js"></script>
<script type="text/javascript" src="../js/ddlevelsmenu.js"></script>

<script type="text/javascript" src="../js/jquery.selectbox-0.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#myselectbox').selectbox();
	$('#myselectbox2').selectbox();
	$('#myselectbox3').selectbox();
	$('#myselectbox4').selectbox();
	$('#myselectbox5').selectbox();
});
</script>

</head>

<body>
<!--Main DIV-->
<div id="main-div">
	<!--Top-->
	<div class="top_container">
    <div class="top_date"><strong>Friday, September 18, 2009 | <span class="blue">Welcome</span></strong></div>
    <div class="top_links"><a href="#">Site Map</a><a href="#">Site Features</a><a href="#">Advertisement</a></div>
  </div>
	<!--Top-->
	<!--Header-->
	<div class="logo"><h1>Al-Barak
<br /><span>Real Estate</span></h1></div>
	<!--Header-->
	
	<!--Content-->
	<div id="content_container">
		<!--left-->
		<div class="left">
			<div class="breadcrum"><a href="#">Home</a> > Commercial</div>
			<div class="listing_icon_container">
				<div class="grey_list">
					<div class="grey_list_left">&nbsp;</div>
					<div class="grey_list_bg"><a href="#">Viewed Listing (0)</a></div>
					<div class="grey_list_rt">&nbsp;</div>
				</div>

				<div class="green_list">
					<div class="green_list_left">&nbsp;</div>
					<div class="green_list_bg"><a href="#">Viewed Listing (0)</a></div>
					<div class="green_list_rt">&nbsp;</div>
				</div>
			
				<div class="blue_list">
					<div class="blue_list_left">&nbsp;</div>
					<div class="blue_list_bg"><a href="#">Viewed Listing (0)</a></div>
					<div class="blue_list_rt">&nbsp;</div>
				</div>
			</div>
			<div class="clear"></div>
			<!--Slider-->
			<div class="slider_container">
				<div class="slider_container_head">Featured Residential Real Estate</div>
				
				<div id="gallery">
<script type="text/javascript">

stepcarousel.setup({
	galleryid: 'mygallery', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	autostep: {enable:true, moveby:1, pause:3000},
	panelbehavior: {speed:500, wraparound:false, persist:true},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['../images/leftnav.jpg', -5, 0], rightnav: ['../images/rightnav.jpg', 0, 0]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

</script>
	<div id="mygallery" class="stepcarousel">
		<div class="belt">
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img1.jpg" width="127" height="110" alt="" /></div>
			  	  <div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
				  	  <span class="blue"><a href="#">Save Listing</a></span>					
				    </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img2.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img2.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img1.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img3.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img1.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
			
			<div class="panel">
				<div class="slider_boxes">
					<div class="img"><img src="../images/slider_img2.jpg" width="127" height="110" alt="" /></div>
				  	<div class="slider_boxes_content">
						<span class="blue"><strong>116 Snow DR, DM, SA</strong></span> 
						<span class="green">$19,000 </span><br />
						750 (m2) Building<br />
						<span class="grey">3 Beds  2 Bath </span><br />
					  	<span class="blue"><a href="#">Save Listing</a></span>					
				  </div>
				</div>
			</div>
		
		</div>
	</div>
</div>


			</div>
			<!--Slider-->
			<!--Map-->
			<div class="bottom_map_container">
				<div class="bottom_map_left">
					<div id="ddtopmenubar" class="real_estate_drop_menu"><a href="#" rel="ddsubmenu1"><img src="../images/real_estate_img.gif" alt="" border="0" /></a></div> 
				</div>
				
				<div class="bottom_map_rt_inner">
					<div class="bottom_map_rt_inner_text">Commercial Real Estate<br />
					<span>Select Search Option</span>
					</div>
					<div style="float:left; padding-right:10px;">
						<select id="myselectbox" name="myselectbox" tabindex="2">
							<option value="1">Select Country</option>
						</select>
					</div>
					<div style="float:left; padding-right:10px;">
						<select id="myselectbox2" name="myselectbox2" tabindex="2">
							<option value="1">Select Area</option>
						</select>
					</div>
					<div style="float:left; padding-right:10px;">
						<select id="myselectbox3" name="myselectbox3" tabindex="2">
							<option value="1">Select City</option>
						</select>
					</div>
					<div style="float:left; padding-right:10px;">
						<select id="myselectbox4" name="myselectbox4" tabindex="2">
							<option value="1">Buy or Rent</option>
						</select>
					</div>
					<div style="float:left;">
						<select id="myselectbox5" name="myselectbox5" tabindex="2">
							<option value="1">Property Type</option>
						</select>
					</div>
					<div class="clear"></div>
					<img src="../images/map.jpg" alt="" />				
				</div>
			</div>
			<!--Map-->
			
		</div>
		<!--left-->
		
		<!--Right-->
		<div class="right">
		<div class="ad_head">Advertisement</div>
		<div class="right_advertisement">
			<img src="../images/ad1.gif" alt="" />
			<img src="../images/ad2.gif" alt="" />
			<img src="../images/ad1.gif" alt="" />
			<img src="../images/ad2.gif" alt="" style="margin-bottom:0;" />
		</div>
		</div>
		<!--Right-->
		
		<div class="clear"></div>
	</div>
	<!--Content-->
	<!--Footer-->
	<div class="footer clearfix">
  <div class="footLinks"><a href="#">About Us</a><a href="#">Terms</a><a href="#">Private Policy</a><a href="#">Contact Us</a><a href="#">Feed Back</a><a href="#">Live Support
</a></div>
  <strong>Real Estate C 2010       <a href="#" class="langlink">English</a></strong>
 </div>
	<!--Footer-->
</div>
<!--Main DIV-->
<!--Drop Down Menu-->
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>


<ul id="ddsubmenu1" class="ddsubmenustyle">
	<li><a href="#">Real Estate</a></li>
	<li><a href="#">Financing &amp; Insurance</a></li>
	<li><a href="#">Architects, Contractors, Suplliers</a></li>
	<li><a href="#">Interior, Furnishing &amp; Landscapping</a></li>
	<li><a href="#">Charity</a></li>
</ul>
<!--Drop Down Menu-->




</body>
</html>
